//订单管理 - 销账二级页面

import React, { Component } from 'react';
import { Form, Col, Row, Button } from 'antd';

const FormItem = Form.Item;

class Record extends Component {
  render() {
    const { getFieldDecorator } = this.props.form;

    return (
      <div>
        <Form>
          <FormItem>
            <Row>
              <Col span={24}>
                <div style={{borderBottom: '1px solid rgba(0,0,0,.25)', width: '100%', height: '650px'}}></div>
              </Col>
            </Row>              
          </FormItem>
          <FormItem>
            <Row>
              <Col span={2}>
                记录内容:
              </Col>
              <Col span={22}>
                {getFieldDecorator('note', {
                  rules: [{ required: true, message: 'Please input your note!' }],
                })(
                  <textarea style={{ color: 'rgba(0,0,0,.25)', width: '100%', borderRadius: 3 }} />
                )} 
              </Col>
            </Row>   
          </FormItem>
          <FormItem>
            <Row>
              <Col span={3}></Col>
              <Col span={21}>
                <Button style={{marginRight: 8}}>取消</Button>
                <Button type="primary" htmlType="submit">确认</Button>
              </Col>
            </Row>   
          </FormItem>
        </Form>
      </div>
    );
  }
}

const RecordForm = Form.create()(Record);

export default RecordForm;